<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/inc/css.inc"%>
<%@ taglib uri= "http://java.sun.com/jsp/jstl/fmt" prefix= "fmt" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>医生课程表</title>
		<link rel="stylesheet" href="${css}/amazeui.css" />
		<link rel="stylesheet" href="${css}/doctorclass.css" />
		<script src="${js}/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="${js}/amazeui.doctorclass.js" ></script>
	</head>
	<script type="text/javascript">
		$(function(){
			var cookieVal = localStorage.doctorid;  //获取 local storage 
			if( typeof (cookieVal)  ==  "undefined" || cookieVal ==  undefined){
				window.location.href = "<%=basePath%>/web/enrollment/doctorin/doctorin.jsp";
			}else{
				$("#logindiv").show();
			}
		});
	</script>
	<body id="logindiv" style="display:none">
		<div class="box">
			<button onclick=" localStorage.clear();">清空</button>
			<div data-am-widget="tabs" class="am-tabs am-tabs-default">
      <ul class="am-tabs-nav am-cf">
          <li class="am-active"><a href="[data-tab-panel-0]">我的课程</a></li>
          <li class=""><a href="[data-tab-panel-1]">已结束课程</a></li>
      </ul>
      <div class="am-tabs-bd">
          <div data-tab-panel-0 class="am-tab-panel am-active">
          	<c:forEach items="${doctorSyllabsList}" var="d">
          		<div class="am-panel am-panel-default">
          			<a href = "doctorEntrySyllabus.action?id=${d.id}">
			    	<div class="am-panel-bd carditem">
			    		<div class="am-g am-g-collapse cardtime">
						  	<div class="am-u-sm-3">开课时间:</div>
							<div class="am-u-sm-9"><fmt:formatDate value="${d.auditoriumStartTime}" type="both" pattern="yyyy-MM-dd HH:mm"/></div>
						</div>
						<div class="am-g am-g-collapse cardname">
							<div class="am-u-sm-3">课程题目:</div>
						  	<div class="am-u-sm-9">${d.syllabusName}</div>
						</div>
			    	</div>
			    	</a>
			    </div>
          	</c:forEach>
         </div>
         <div data-tab-panel-1 class="am-tab-panel ">
            <div class="am-panel am-panel-default">
            	<c:forEach items="${doctorSyllabsList1}" var="d1">
            		<div class="am-panel-bd carditem">
            			<div class="am-g am-g-collapse cardtime">
							<div class="am-u-sm-3">开课时间:</div>
							<div class="am-u-sm-9"><fmt:formatDate value="${d1.auditoriumStartTime}" type="both" pattern="yyyy-MM-dd HH:mm"/></div>
						</div>
						<div class="am-g am-g-collapse cardname">
						  	<div class="am-u-sm-3">课程题目:</div>
						  	<div class="am-u-sm-9">${d1.syllabusName}</div>
						</div>
            		</div>
            	</c:forEach>
			</div>
          </div>         
      </div>
  </div>
		</div>
	</body>
</html>
